<template>
  <div class="personal">
    <lotteryHeader ref='personalHeader'></lotteryHeader>
    <div class="lotteryColorW personalBox displayFlex">
      <div class="personalNavList">
        <colorOfList></colorOfList>
      </div>
      <div class="personalOfContent scrollBar">
        <div class="keepColorCenter">
          <keep-alive>
            <router-view></router-view>
          </keep-alive>
        </div>
      </div>
    </div>
    <lotteryFooter></lotteryFooter>
  </div>
</template>

<script>
  import './main.scss';
  import lotteryHeader from '../../components/lotteryColor/header/index';
  import colorOfList from '../../components/lotteryColor/personalNav/index';
  import lotteryFooter from '../../components/footer/index';
  export default {
    data() {
      return {
        accountTitle: '我的彩票',
        accountTrue: 0,
        accountArrList: ['我的彩票','账号信息','投注记录','账户明细','充值','提现','代理中心'],
      }
    },
    mounted() {
      this.init();
    },
    activated(){
      this.init();
    },
    methods: {
      init(){
        this.calculationVal();
      },
      calculationVal() {
         let height = $(window).height();
         $('.personalOfContent').height(height - 68-62);
      }
    },
    components: {
      lotteryHeader,
      colorOfList,
      lotteryFooter
    },
    watch:{}
  }
</script>

<style lang="css" rel="styleheet/css">
  .colorOfContent {
    flex: 1;
  }
</style>
